<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" maximum-scale=1, user-scalable=no>
    <title>Document</title>
</head>

<body>
    <p>
        img 1000px 500 375 750 ? 等比例缩放 设备device像素指的是物理像素， viweport 视窗 是移动端才有的 在PC时代，页面是比较大的，基于img 等比例缩放的理解， 一个大的pc业，要显示在手机里，也是可以的，缩放一下就可以了。肯不清怎么办？使用移动端手势pinch(两个手指)放大来看,为什么要加user-scalable=no maximum-scale=1 viewport 放大会让页面不稳定 现在已经全面进入移动时代， PC站都有相应的手机网站，所以没有上面的需求。
        www.taobao.com -> redirect https://main.m.taobao.com/?sprefer=sypc00 前端为什么那么吃香的原因？PC|Mobile|小程序|APP www.taobao.com 手机端 -> 请求服务器HTTP协议-> 设备是手机 返回移动官网 -> main.m.taobao.com 服务器http 返回一个 302 状态码
    </p>
</body>

</html>